:root {
  --design-question-types-panel-width: 200px;
  --question-attribute-panel-width: 450px;
}

.design-container {
  position: relative;
}
.design-container > .design-question-types-panel {
  position: fixed;
  left: 0;
  top: 0;
  width: var(--design-question-types-panel-width);
  border: 1px solid #e2e0e0;
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.5);
  background-color: white;
}
.design-container > .question-attribute-panel {
  position: fixed;
  right: 0;
  top: 0;
  width: var(--question-attribute-panel-width);
  border: 1px solid #e2e0e0;
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.5);
  height: 100vh;
  overflow: auto;
  z-index: 1000;
  background-color: white;
}
.design-container > .design-question-design-panel {
  position: relative;
  left: var(--design-question-types-panel-width);
  width: calc(
    100% - var(--design-question-types-panel-width) - var(--question-attribute-panel-width)
  );
}
